$('#addCategories').on('submit', function() {

    // 获取到用户在表单中输入的内容
    var formData = $(this).serialize()
        // console.log(formData)

    // 调用分类添加接口，实现添加分类功能
    $.ajax({
            type: 'POST',
            url: '/categories',
            data: formData,
            success: function() {
                location.reload()

            },
            error: function(err) {
                console.log(err)
            }
        })
        // 阻止表单提交的默认行为
    return false

})


// 根据 id 查询分类信息，并显示
$('#categoryBox').on('click', '.edit', function() {
    // 获取被点击分类的id值(编辑按钮)
    var id = $(this).attr('cate_id')
        // console.log(id)
    $.ajax({
        type: 'get',
        url: '/categories/' + id,
        success: function(response) {
            // console.log(response)
            // { data: response } 无法拿到值
            var html = template('editCategoryTpl', response)
                // console.log(html)

            $('#modifyBox').html(html)
        },
        error: function(err) {
            console.log(err)
        }

    })

})

// 查询分类列表
$.ajax({
    type: 'GET',
    url: '/categories',
    success: function(response) {
        // console.log(response)

        // 将数据和模板拼接
        var html = template('categoryTpl', { data: response })
        $('#categoryBox').html(html)



    }
});


// 根据 id 修改分类
$('#modifyBox').on('submit', '#modifyCategories', function() {


    // 获取编辑后的分类信息
    var formData = $(this).serialize()

    var id = $(this).attr('cate_id')
        // console.log(id)
    $.ajax({
        type: 'put',
        url: '/categories/' + id,
        data: formData,
        success: function() {
            location.reload()

        }
    })

})


//根据 id 分类数据删除
$('#categoryBox').on('click', '.delete', function() {
    var id = $(this).attr('cate_id')
        // console.log(id)
    if (confirm('确认删除该分类')) {
        $.ajax({
            type: 'DELETE',
            url: '/categories/' + id,
            success: function() {
                location.reload()

            }
        })
    }
})